<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<!--ie渲染引擎-->
<meta name="format-detection" content="telephone=no" />
<!--忽略电话号码和email识别-->
<meta name="format-detection" content="email=no" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<!--当网站添加到主屏幕快速启动方式，将网站添加到主屏幕快速启动方式-->
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<!--隐藏ios上的浏览器地址栏-->
<meta name="full-screen" content="yes">
<!-- UC默认竖屏 ，UC强制全屏 -->
<meta name="browsermode" content="application">
<meta name="x5-orientation" content="portrait">
<!-- QQ强制竖屏 QQ强制全屏 -->
<meta name="x5-fullscreen" content="true">
<meta name="x5-page-mode" content="app">
<meta name="viewport"
	content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no,minimal-ui">
<style type="text/css">
table, table tr th, table tr td, table caption {
	border: 1px solid #0094ff;
}

table {
	min-height: 25px;
	line-height: 25px;
	text-align: center;
	border-collapse: collapse;
	padding: 2px;
}

.btn {
	background-color: #0094ff;
	border: none;
	color: white;
	padding: 15px 32px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
}

body{ font-family: Verdana; }
textarea { width: 600px; background-color: #373737; height: 300px; padding-top: 10px; padding-right: 10px; padding-left: 10px; padding-bottom: 10px; overflow: auto; color: white; font-size: 16px; }
    

</style>
</head>
<body>

	<div id="app">
<textarea type="text" id="text" class="text">
111
222
</textarea>	
	
	
<br/>
<br/>
<button type="button" @click="saveAndRun" class="btn">保存并编译{{d}}</button>

		<br /> <br />

		<table style="width: 400px">
			<caption>编译信息 {{d}}</caption>
			<thead>
				<tr>
					<th>行号</th>
					<th>指标</th>
					<th>数量</th>
				</tr>
			</thead>
			<tr>
				<td>1</td>
				<td>*排队等待的任务数量(QueueSize)</td>
				<td>{{t.QueueSize}}</td>
			</tr>
			<tr>
				<td>2</td>
				<td>*正在运行的任务数量(ActiveCount)</td>
				<td>{{t.ActiveCount}}</td>
			</tr>
			
		</table>



		


	</div>
	<!-- div app -->

	<script src="../resources/js/vue.min.js"></script>
	<script src="../resources/js/axios.min.js"></script>
	<script src="../resources/js/vue-axios.min.js"></script>
	<script src="./js/jquery-1.12.0.min.js"></script>
    <script src="./js/auto-line-number.js"></script>
	<script type="text/javascript">
	
	
new Vue({
	el : '#app',
	data:{
		t:{},
		c:[],
		d:''
	},
	mounted:function(){
		$("#text").setTextareaCount({
			width: "30px",
			bgColor: "#000",
			color: "#FFF",
			display: "inline-block"
		});	
	},
	methods:{
		saveAndRun:function(){
		  this.$http.get("/match/dump").then((response) => {
			  //console.log(response.data);
			  this.t= response.data.info.t;
			  this.c= response.data.info.c;
			  this.d= response.data.info.d;
		  });
		}
	}
});
</script>
</body>
</html>